@import "./normalize.scss";
@import "./layout.scss";
@import "./layouts.scss";
@import "./scrollbar.scss";
@import "./iconfont/iconfont.css";
@import "./animation.scss";
@import "./antdesign.scss";
/**
* color
*/
.color-primary {
    color: var(--primary)
}
.color-error {
    color: var(--error)
}
.color-9 {
    color: var(--gray-9)
}
.text-right {
  text-align: right;
}
.pull-right {
    float: right;
}

.dis-flex {
    display: flex;
}
.flex-align-center {
    align-items: center;
}
.flex-justify-space-between {
    justify-content: space-between;
}

.cursor-p {
    cursor: pointer;
}

// form
.form-wrap {
    padding: 70px 0 0 110px;
}

/** margin */
@for $i from 1 through 40 {
    $value: $i * 2;
    .margin-top-#{$value} {
      margin-top: $value + px;
    }
    .margin-right-#{$value} {
      margin-right: $value + px;
    }
    .margin-bottom-#{$value} {
      margin-bottom: $value + px;
    }
    .margin-left-#{$value} {
      margin-left: $value + px;
    }
    .padding-top-#{$value} {
      padding-top: $value + px;
    }
    .padding-right-#{$value} {
      padding-right: $value + px;
    }
    .padding-bottom-#{$value} {
      padding-bottom: $value + px;
    }
    .padding-left-#{$value} {
      padding-left: $value + px;
    }
  }